﻿<!DOCTYPE HTML>
<!-- saved from url=(0162)https://ivle.nus.edu.sg/v1/Assessment/Student/result_details.aspx -->
<!DOCTYPE html PUBLIC "" ""><HTML><HEAD><META content="IE=11.0000" 
http-equiv="X-UA-Compatible">

<META http-equiv="X-UA-Compatible" content="IE=edge">     <!-- Ensure IE uses the latest version --> 
    <TITLE>	IVLE Assessment </TITLE>     <!-- Define UTF8 as character set -->   
  
<META charset="utf-8">     <!-- Set viewport to device width, default zoom 100%--> 
    
<META name="viewport" content="width=device-width, initial-scale=1.0">     <!-- Boot strap css --> 
    <LINK href="IVLE%20Assessment_files/bootstrap.css" rel="stylesheet">     <!-- custom icon css --> 
    <LINK href="IVLE%20Assessment_files/fontello.css" rel="stylesheet"><LINK 
href="IVLE%20Assessment_files/font-awesome.min.css" rel="stylesheet">     <!-- CSS specific to the site --> 
    <LINK href="IVLE%20Assessment_files/site.css" rel="stylesheet">     <!-- SCRIPTS MUST BE IN THE ORDER BELOW, DO NOT ATTEMPT TO MODIFY ANYTHING --> 
    
<SCRIPT src="IVLE%20Assessment_files/modernizr-2.6.2.js"></SCRIPT>
     
<SCRIPT src="IVLE%20Assessment_files/jquery-1.10.2.min.js"></SCRIPT>
     
<SCRIPT src="IVLE%20Assessment_files/jquery-ui.min.js"></SCRIPT>
     
<SCRIPT src="IVLE%20Assessment_files/bootstrap.min.js"></SCRIPT>
     
<SCRIPT src="IVLE%20Assessment_files/respond.min.js"></SCRIPT>
     
<SCRIPT src="IVLE%20Assessment_files/jquery.xdomainrequest.min.js"></SCRIPT>
     <!-- JS specific to the site -->     
<SCRIPT src="IVLE%20Assessment_files/site.js"></SCRIPT>
 
<META name="GENERATOR" content="MSHTML 11.00.10570.1001"></HEAD> 
<BODY>
<FORM id="aspnetForm" action="./result_details.aspx?assessmentid=d15e3b0d-7019-4485-a6f8-ae0217348b39&amp;sessionid=5ead23b4-7df4-492f-b346-2ad57b39cb87" 
method="post">
<DIV><INPUT name="__EVENTTARGET" id="__EVENTTARGET" type="hidden"> <INPUT name="__EVENTARGUMENT" id="__EVENTARGUMENT" type="hidden"> 
<INPUT name="__VIEWSTATE" id="__VIEWSTATE" type="hidden" value="/wEPZwUPOGQ0Y2RjYTQ2N2VmMjFlUUZaPsx86biyjCBDMovATT5ic08yMCpX6gRko25do5o="> 
</DIV>
<SCRIPT type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</SCRIPT>
 
<SCRIPT src="IVLE%20Assessment_files/WebResource.js" type="text/javascript"></SCRIPT>
 
<DIV><INPUT name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" type="hidden" value="F3A538DD">
	 <INPUT name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" type="hidden" value="0">
	 <INPUT name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" type="hidden" value="0"> 
</DIV>
<DIV class="col-md-12">
<DIV class="panel panel-default">
<DIV class="panel-heading"><BUTTON class="close" aria-hidden="true" onclick="javascript:window.close();" 
type="button">×</BUTTON>                                     
<H4>RI3007 - Quiz 2</H4></DIV>
<DIV class="panel-body">
<SCRIPT src="IVLE%20Assessment_files/disableRightClick.js" type="text/javascript"></SCRIPT>
     
<SCRIPT src="IVLE%20Assessment_files/MathJax.js" type="text/javascript"></SCRIPT>
     
<SCRIPT type="text/javascript">
        window.onunload = refreshParent;
        function refreshParent() {
            window.opener.location.reload();
        }
    </SCRIPT>
     
<DIV class="panel panel-default">
<DIV class="panel-heading"></DIV>
<DIV class="panel-body">
<TABLE class="table table-hover">
  <TBODY>
  <TR>
    <TD><LABEL class="col-md-3 text-right">Assessment Title :</LABEL>          
                     
      <DIV class="col-md-9" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_lblQuizTitle">Quiz 
      2</DIV></TD></TR>
  <TR>
    <TD><LABEL class="col-md-3 text-right">Number of Attempts :</LABEL>        
                       
      <DIV class="col-md-9" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_lblAttempt">1&nbsp;out 
      of&nbsp;1</DIV></TD></TR>
  <TR>
    <TD><LABEL class="col-md-3 text-right">Student Name :</LABEL>              
                 
      <DIV class="col-md-9" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_lblStudent">CHEN 
      YANG</DIV></TD></TR>
  <TR>
    <TD><LABEL class="col-md-3 text-right">Duration :</LABEL>                  
             
      <DIV class="col-md-9" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_lblDuration">25m 
      &nbsp;&nbsp;(Time Limit : 25 m)</DIV></TD></TR>
  <TR>
    <TD><LABEL class="col-md-3 text-right">Start Time :</LABEL>                
               
      <DIV class="col-md-9" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_lblStartTime">18-Jul-2017 
      09:50 AM</DIV></TD></TR>
  <TR id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_rowMarks">
    <TD><LABEL class="col-md-3 text-right">Total Marks :</LABEL>               
                
      <DIV class="col-md-9 text-danger" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_lblTotalMark">1 
      out of 13</DIV></TD></TR></TBODY></TABLE></DIV></DIV>
<DIV class="alert alert-info" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_lblInfo">You 
can always view your assessment feedback by clicking on Usage/My Usage in the 
horizontal menu from the IVLE Workspace.</DIV>
<DIV class="row">
<DIV class="col-md-12 text-right" style="padding-bottom: 0.8em;"><BUTTON class="btn btn-default" 
id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_btnEmail" onclick="__doPostBack('ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder1$btnEmail','')" 
type="button" data-toggle="popover" data-content="Send the summary of this attempt to my email address." 
data-placement="left" data-data-container="body"><SPAN class="glyphicon glyphicon-envelope"></SPAN>&nbsp;Email 
Me</BUTTON>         </DIV></DIV>
<DIV class="panel-group" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_divMain">
<DIV class="panel panel-default">
<DIV class="panel-heading">
<H4 class="panel-title"><A class="accordion-toggle" href="https://ivle.nus.edu.sg/v1/Assessment/Student/result_details.aspx?assessmentid=d15e3b0d-7019-4485-a6f8-ae0217348b39&amp;sessionid=5ead23b4-7df4-492f-b346-2ad57b39cb87#collapseSection1" 
data-toggle="collapse" data-parent="#accordion">Section 1</A>                    
 </H4></DIV>
<DIV class="panel-collapse collapse in" id="collapseSection1">
<DIV class="panel-body">
<DIV class="form-inline"><B>1)</B>&nbsp;&nbsp;
<P><B style="mso-bidi-font-weight: normal;"><SPAN lang="EN-US"><FONT color="#000000" 
face="calibri" size="3">Renderable objects: </FONT></SPAN></B><SPAN 
lang="EN-US"><FONT color="#000000" face="calibri" size="3">as introduced in 
Example 3.1 (the Renderable Objects Project). If I instantiate 3 copies of the 
</FONT><B style="mso-bidi-font-weight: normal;"><I style="mso-bidi-font-style: normal;"><FONT 
color="#000000" face="calibri" size="3">Renderable</FONT></I></B><FONT color="#000000" 
face="calibri" size="3"> objects, how many copies of the GLSL vertex and 
fragment shaders will be created:</FONT></SPAN></P></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview1" disabled="" type="radio"><SPAN 
style="color: rgb(0, 0, 0);">a. 3 distinct copies of GLSL shaders will be 
created, one for each of the three <STRONG><EM>SimpleShader 
</EM></STRONG>objects to accompany the three 
<STRONG><EM>Renderable</EM></STRONG> objects.</SPAN></LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview1" disabled="" type="radio"><SPAN 
style="color: rgb(0, 0, 0);">b. 3 distinct copies of vertex shaders will be 
created to share the same copy of fragment shader.</SPAN></LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview1" disabled="" type="radio"><SPAN 
lang="EN-US" style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'><FONT 
color="#000000">c. One copy of vertex shader will be created to be shared among 
the <SPAN lang="EN-US" style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'>three 
distinct copies of fragment shaders.</SPAN></FONT></SPAN></LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview1" disabled="" type="radio"><SPAN 
style="color: rgb(0, 0, 0);">d. <SPAN lang="EN-US" style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'>One 
copy of vertex and fragment shaders will be created to be shared 
</SPAN></SPAN><SPAN lang="EN-US" style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'><SPAN 
style="color: rgb(0, 0, 0);">by all three instances of the <B style="mso-bidi-font-weight: normal;"><I 
style="mso-bidi-font-style: normal;">Renderable</I></B></SPAN><FONT color="#000000"> 
objects.</FONT></SPAN></LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview1" disabled="" type="radio"><SPAN 
style="color: rgb(0, 0, 0);">e. <SPAN lang="EN-US" style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'>None 
of the above.</SPAN></SPAN></LABEL></DIV>
<DIV class="row" style="padding-top: 0.8em;">
<TABLE class="table table-bordered table-condensed">
  <TBODY>
  <TR>
    <TD class="col-sm-3 text-right"><B>Your Answer :</B></TD>
    <TD class="col-sm-9"><SPAN style="color: rgb(0, 0, 0);">d. <SPAN lang="EN-US" 
      style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'>One 
      copy of vertex and fragment shaders will be created to be shared 
      </SPAN></SPAN><SPAN lang="EN-US" style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'><SPAN 
      style="color: rgb(0, 0, 0);">by all three instances of the <B style="mso-bidi-font-weight: normal;"><I 
      style="mso-bidi-font-style: normal;">Renderable</I></B></SPAN><FONT color="#000000"> 
      objects.</FONT></SPAN></TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Correct Answer :</B></TD>
    <TD class="col-sm-9"><SPAN style="color: rgb(0, 0, 0);">d. <SPAN lang="EN-US" 
      style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'>One 
      copy of vertex and fragment shaders will be created to be shared 
      </SPAN></SPAN><SPAN lang="EN-US" style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'><SPAN 
      style="color: rgb(0, 0, 0);">by all three instances of the <B style="mso-bidi-font-weight: normal;"><I 
      style="mso-bidi-font-style: normal;">Renderable</I></B></SPAN><FONT color="#000000"> 
      objects.</FONT></SPAN></TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Your Marks :</B></TD>
    <TD class="col-sm-9 text-danger">1 out of 1</TD></TR></TBODY></TABLE></DIV>
<DIV class="form-inline"><B>2)</B>&nbsp;&nbsp;<SPAN lang="EN-US" style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'><B><FONT 
color="#000000">True/False. </FONT></B></SPAN><SPAN lang="EN-US" style='font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'><FONT 
color="#000000">To accomplish similar results as in Example 3.2 (The Transform 
Objects Project), an alternative approach is to create a different WebGL vertex 
buffer for each Renderable object, transform the unit square vertices in 
JavaScript program, and send the transformed vertices to the vertex shader. In 
such case, the vertex shader program will have nothing to do but simply 
forwarding vertices to the </FONT><B style="mso-bidi-font-weight: normal;"><I 
style="mso-bidi-font-style: normal;"><FONT 
color="#000000">gl_Position</FONT></I></B><FONT 
color="#000000">.</FONT></SPAN></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview2" disabled="" type="radio">True</LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview2" disabled="" type="radio">False</LABEL></DIV>
<DIV class="row" style="padding-top: 0.8em;">
<TABLE class="table table-bordered table-condensed">
  <TBODY>
  <TR>
    <TD class="col-sm-3 text-right"><B>Your Answer :</B></TD>
    <TD class="col-sm-9">False</TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Correct Answer :</B></TD>
    <TD class="col-sm-9">True</TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Solution :</B></TD>
    <TD class="col-sm-9"><SPAN lang="EN-US" style='color: red; font-family: "Calibri",sans-serif; font-size: 12pt; mso-bidi-font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: PMingLiU; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA;'><B>The 
      point is, there is nothing special about the vertex shader, all transforms 
      can be accomplished in the JavaScript. The main difference is, with GPU, 
      the transformation will be computed/performed with fancy hardware 
      support.</B></SPAN></TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Your Marks :</B></TD>
    <TD class="col-sm-9 text-danger">0 out of 1</TD></TR></TBODY></TABLE></DIV>
<DIV class="form-inline"><B>3)</B>&nbsp;&nbsp;<STRONG>Viewport: </STRONG>Which 
of the following is the most accurate in describing this function call: 
gl.viewport(120, 340, 10, 20):</DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview3" disabled="" type="radio">a. 
A sub-area of the HTML5 canvas will be cleared to the current background 
color.</LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview3" disabled="" type="radio">b. 
A sub-area is defined, but the entire HTML5 canvas will be cleared to the 
current background color.</LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview3" disabled="" type="radio">c. 
WebGL World Coordinate (WC) space is mapped to a 10-pixel by 20-pixel 
area.</LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview3" disabled="" type="radio">d. 
WebGL Normalized Device Coordinate (NDC) space is mapped to a 10-pixel by 
20-pixel area.</LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview3" disabled="" type="radio">e.<STRONG> 
a</STRONG> and <STRONG>c</STRONG>.</LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview3" disabled="" type="radio">f. 
b and <STRONG>c</STRONG>.</LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview3" disabled="" type="radio">g.&nbsp;<STRONG>a</STRONG> 
and <STRONG>d</STRONG>.</LABEL></DIV>
<DIV class="radio disabled"><LABEL><INPUT name="rblPreview3" disabled="" type="radio">h.&nbsp;<B>b</B> 
and <B>d</B>.</LABEL></DIV>
<DIV class="row" style="padding-top: 0.8em;">
<TABLE class="table table-bordered table-condensed">
  <TBODY>
  <TR>
    <TD class="col-sm-3 text-right"><B>Your Answer :</B></TD>
    <TD class="col-sm-9">f. b and <STRONG>c</STRONG>.</TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Correct Answer :</B></TD>
    <TD class="col-sm-9">d. WebGL Normalized Device Coordinate (NDC) space is 
      mapped to a 10-pixel by 20-pixel area.</TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Your Marks :</B></TD>
    <TD class="col-sm-9 text-danger">0 out of 1</TD></TR></TBODY></TABLE></DIV>
<DIV class="form-inline"><B>4)</B>&nbsp;&nbsp;Refer to the following code for 
computing the view-projection matrix of a camera: 
<P class="MsoListParagraph" style="text-indent: 24pt; margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;">var viewMatrix = 
mat4.create();<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp; </SPAN><SPAN style="mso-tab-count: 1;">&nbsp; 
</SPAN>var projMatrix = mat4.create();<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>mat4.lookAt(viewMatrix,<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>[20, 50, 10],<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp; </SPAN>// 
camera position<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>[20, 50, 0],<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </SPAN>// 
look at position<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </SPAN>[0, 
1, 0]);<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp; </SPAN>// 
orientation <o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; 
</SPAN>mat4.ortho(projMatrix,<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>-10,<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp; </SPAN>// 
distance to left of WC<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>10,<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp; </SPAN>// 
distance to right of WC<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>-5,<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>// distance to bottom of WC<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>5,<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>// distance to top of WC<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>0,<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>// distance to near plane <o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>1000);<SPAN style="mso-spacerun: yes;">&nbsp; </SPAN>// distance to far 
plane<BR style="mso-special-character: line-break;"><!--[if !supportLineBreakNewLine]--><BR 
style="mso-special-character: line-break;"><!--[endif]--><o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 48pt; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt;"><SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </SPAN><SPAN style="mso-tab-count: 1;"> 
</SPAN>var vpMatrix = mat4.create();<o:p></o:p></SPAN></P>
<P class="MsoNormal" style="text-indent: 24pt; margin-left: 48pt;"><SPAN style="font-family: Consolas; font-size: 10pt;">mat4.multiply(vpMatrix, 
projMatrix, viewMatrix);</SPAN></P>In class we learned that the above 
<STRONG><EM>vpMatrix</EM> </STRONG>can also be computed based simply on 
translation and scaling operators: <STRONG><EM>T(tx, ty)</EM></STRONG> and 
<STRONG><EM>S(sx, sy)</EM></STRONG>. Please express the above 
<STRONG><EM>vpMatrix </EM></STRONG>as a concatenation of 
<STRONG><EM>T()</EM></STRONG> and <STRONG><EM>S()</EM></STRONG> operators. 
Please remember that the order of operation is 
important!<BR><INPUT disabled="" class="form-control" type="text"></DIV>
<DIV class="row" style="padding-top: 0.8em;">
<TABLE class="table table-bordered table-condensed">
  <TBODY>
  <TR>
    <TD class="col-sm-3 text-right"><B>Your Answer :</B></TD>
    <TD class="col-sm-9">S(2/W,2/H)T(-Cx,-Cy)</TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Correct Answer :</B></TD>
    <TD 
      class="col-sm-9">S(2/20,2/10)T(-20,-50)|S(2/20,2/10)*T(-20,-50)|S(2/20, 
      2/10)T(-20, -50)|S(2/20, 2/10)*T(-20, -50)</TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Your Marks :</B></TD>
    <TD class="col-sm-9 text-danger">0 out of 1</TD></TR></TBODY></TABLE></DIV>
<DIV class="form-inline"><B>5)</B>&nbsp;&nbsp;
<P class="MsoListParagraph" style="text-indent: -0.25in; margin-left: 0.5in; mso-para-margin-left: 0gd; mso-list: l1 level1 lfo1;"><SPAN 
style="mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><SPAN 
style="mso-list: Ignore;"><SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;</SPAN></SPAN></SPAN><!--[endif]-->I 
have a green Renderable located at (20, 40) with size 30x60. Assume the canvas 
color is light gray and a size of 200x300 pixels. Here is Camera setting:<BR 
style="mso-special-character: line-break;"><!--[if !supportLineBreakNewLine]--><BR 
style="mso-special-character: line-break;"><!--[endif]--><o:p></o:p></P>
<P class="MsoNormal" style="line-height: 10pt; text-indent: 24pt; margin-left: 24pt; mso-line-height-rule: exactly;"><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;">this.mCamera 
= new Camera(<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="line-height: 10pt; margin-left: 48pt; mso-para-margin-left: 0gd; mso-line-height-rule: exactly;"><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;"><SPAN 
style="mso-tab-count: 1;">&nbsp;&nbsp;&nbsp; </SPAN>vec2.fromValues(5, 10), // 
center of the WC<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="line-height: 10pt; margin-left: 48pt; mso-para-margin-left: 0gd; mso-line-height-rule: exactly;"><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;"><SPAN 
style="mso-tab-count: 1;">&nbsp;&nbsp;&nbsp; </SPAN>30,<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN><SPAN style="mso-tab-count: 1;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN><SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;</SPAN>// width of 
WC<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="line-height: 10pt; text-indent: 0.25in; margin-left: 48pt; mso-para-margin-left: 0gd; mso-line-height-rule: exactly;"><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;">[25, 
100, 150, 150]<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>// viewport (orgX, orgY, width, height)<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="line-height: 10pt; margin-left: 48pt; mso-para-margin-left: 0gd; mso-line-height-rule: exactly;"><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;">);<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="line-height: 10pt; margin-left: 48pt; mso-para-margin-left: 0gd; mso-line-height-rule: exactly;"><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;">this.mCamera.setBackgroundColor([1, 
0, 0, 1]); </SPAN><o:p></o:p></P>
<P class="MsoNormal"><o:p>&nbsp;</o:p></P>
<P class="MsoListParagraph" style="text-indent: -0.25in; margin-left: 66pt; mso-para-margin-left: 0gd; mso-list: l0 level1 lfo2;"><!--[if !supportLists]--><SPAN 
style="mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><SPAN 
style="mso-list: Ignore;">a.<SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN></SPAN></SPAN><!--[endif]-->What is the total area of the Renderable that 
is <B style="mso-bidi-font-weight: normal;"><I style="mso-bidi-font-style: normal;">not 
</I></B>visible:<o:p></o:p></P>
<P class="MsoListParagraph" style="text-indent: -102pt; margin-left: 102pt; mso-para-margin-left: 0gd; mso-list: l0 level2 lfo2; mso-text-indent-alt: -.25in;"><!--[if !supportLists]--><SPAN 
style="mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><SPAN 
style="mso-list: Ignore;"><SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>i.<SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN></SPAN></SPAN><!--[endif]-->Please express your answer in the 
world-unit<BR><INPUT disabled="" class="form-control" type="text"><o:p></o:p></P>
<P class="MsoListParagraph" style="text-indent: -102pt; margin-left: 102pt; mso-para-margin-left: 0gd; mso-list: l0 level2 lfo2; mso-text-indent-alt: -.25in;"><!--[if !supportLists]--><SPAN 
style="mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><SPAN 
style="mso-list: Ignore;"><SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>ii.<SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN></SPAN></SPAN><!--[endif]-->Please express your answer in 
pixel-unit<BR><INPUT disabled="" class="form-control" type="text"><o:p></o:p></P>
<P class="MsoListParagraph" style="text-indent: -0.25in; margin-left: 66pt; mso-para-margin-left: 0gd; mso-list: l0 level1 lfo2;"><!--[if !supportLists]--><SPAN 
style="mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><SPAN 
style="mso-list: Ignore;">b.<SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN></SPAN></SPAN><!--[endif]-->What is the percentage of the Viewport that 
is covered by the Renderable?<BR><INPUT disabled="" class="form-control" type="text">%<o:p></o:p></P>
<P class="MsoListParagraph" style="text-indent: -0.25in; margin-left: 66pt; mso-para-margin-left: 0gd; mso-list: l0 level1 lfo2;"><!--[if !supportLists]--><SPAN 
style="mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><SPAN 
style="mso-list: Ignore;">c.<SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN></SPAN></SPAN><!--[endif]-->What is the percentage of the Canvas that is 
covered by the Renderable?<BR><INPUT disabled="" class="form-control" type="text">%<o:p></o:p></P>
<P class="MsoListParagraph" style="text-indent: -0.25in; margin-left: 66pt; mso-para-margin-left: 0gd; mso-list: l0 level1 lfo2;"><!--[if !supportLists]--><SPAN 
style="mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><SPAN 
style="mso-list: Ignore;">d.<SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN></SPAN></SPAN><!--[endif]-->What is the percentage of the Canvas that is 
covered by the 
Viewport?<BR><INPUT disabled="" class="form-control" type="text">%<o:p></o:p></P>
<P class="MsoListParagraph" style="text-indent: -0.25in; margin-left: 66pt; mso-para-margin-left: 0gd; mso-list: l0 level1 lfo2;"><!--[if !supportLists]--><SPAN 
style="mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><SPAN 
style="mso-list: Ignore;">e.<SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN></SPAN></SPAN><!--[endif]-->What is the height of the world that is 
visible through the viewport?<BR><INPUT disabled="" class="form-control" type="text"><o:p></o:p></P>
<P class="MsoListParagraph" style="text-indent: -0.25in; margin-left: 66pt; mso-para-margin-left: 0gd; mso-list: l0 level1 lfo2;"><!--[if !supportLists]--><SPAN 
style="mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><SPAN 
style="mso-list: Ignore;">f.<SPAN style='font: 7pt/normal "Times New Roman"; font-size-adjust: none; font-stretch: normal;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN></SPAN></SPAN><!--[endif]-->Assuming the Renderable settings are not 
changed, please complete the following camera settings such that you will 
observe the attached screen shot (notice that the camera is centered at the 
Renderable, and there are 50 red pixels to the left and right of the 
Renderable). What are the values of <B 
style="mso-bidi-font-weight: normal;">cx</B>, <B style="mso-bidi-font-weight: normal;">cy</B>, 
and <B style="mso-bidi-font-weight: normal;">W</B>?<BR>cx = 
<INPUT disabled="" class="form-control" type="text">, cy = 
<INPUT disabled="" class="form-control" type="text">, W = 
<INPUT disabled="" class="form-control" type="text"></P>
<P class="MsoListParagraph" style="line-height: 10pt; margin-left: 0.25in; mso-para-margin-left: 0gd; mso-line-height-rule: exactly;"><v:shapetype 
id="_x0000_t75" stroked="f" path="m@4@5l@4@11@9@11@9@5xe" o:spt="75" 
o:preferrelative="t" filled="f" coordsize="21600,21600"><v:stroke joinstyle="miter"><v:formulas><v:f 
eqn="if lineDrawn pixelLineWidth 0"><v:f eqn="sum @0 1 0"><v:f 
eqn="sum 0 0 @1"><v:f eqn="prod @2 1 2"><v:f eqn="prod @3 21600 pixelWidth"><v:f 
eqn="prod @3 21600 pixelHeight"><v:f eqn="sum @0 0 1"><v:f 
eqn="prod @6 1 2"><v:f eqn="prod @7 21600 pixelWidth"><v:f 
eqn="sum @8 21600 0"><v:f eqn="prod @7 21600 pixelHeight"><v:f eqn="sum @10 21600 0"></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:formulas> 
<v:path o:extrusionok="f" o:connecttype="rect" gradientshapeok="t"><o:lock 
v:ext="edit" aspectratio="t"></o:lock></v:path></v:stroke></v:shapetype><v:shape 
id="Picture_x0020_1" style="left: 0px; width: 81.25pt; height: 114.4pt; text-align: left; margin-top: 3.65pt; margin-left: 306.9pt; visibility: visible; position: absolute; z-index: 251658752; mso-wrap-style: square; mso-width-percent: 0; mso-height-percent: 0; mso-wrap-distance-left: 9pt; mso-wrap-distance-top: 0; mso-wrap-distance-right: 9pt; mso-wrap-distance-bottom: 0; mso-position-horizontal: absolute; mso-position-horizontal-relative: text; mso-position-vertical: absolute; mso-position-vertical-relative: text; mso-width-relative: margin; mso-height-relative: margin;" 
type="#_x0000_t75" o:spid="_x0000_s1026"> <v:imagedata o:title="" src="file:///C:/Users/Admin/AppData/Local/Temp/msohtmlclip1/01/clip_image001.png"></v:imagedata></v:shape><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;">this.mCamera 
= new Camera(<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="line-height: 10pt; margin-left: 0.25in; mso-para-margin-left: 0gd; mso-line-height-rule: exactly;"><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;"><SPAN 
style="mso-tab-count: 1;">&nbsp;&nbsp; </SPAN>vec2.fromValues(<B style="mso-bidi-font-weight: normal;"><U><SPAN 
style="background: rgb(217, 217, 217); mso-shading: white; mso-pattern: gray-15 auto;">cx</SPAN></U></B>, 
<B style="mso-bidi-font-weight: normal;"><U><SPAN style="background: rgb(217, 217, 217); mso-shading: white; mso-pattern: gray-15 auto;">cy</SPAN></U></B>),<SPAN 
style="mso-spacerun: yes;">&nbsp; </SPAN><SPAN style="mso-tab-count: 1;"> 
</SPAN>// center of the WC<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="line-height: 10pt; margin-left: 0.25in; mso-para-margin-left: 0gd; mso-line-height-rule: exactly;"><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;"><SPAN 
style="mso-tab-count: 1;">&nbsp;&nbsp; </SPAN><B style="mso-bidi-font-weight: normal;"><U><SPAN 
style="background: rgb(217, 217, 217); mso-shading: white; mso-pattern: gray-15 auto;">W</SPAN></U></B>,<SPAN 
style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN><SPAN style="mso-tab-count: 2;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>// width of WC<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="line-height: 10pt; margin-left: 0.25in; mso-para-margin-left: 0gd; mso-line-height-rule: exactly;"><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;"><SPAN 
style="mso-tab-count: 1;">&nbsp;&nbsp; </SPAN>[25, 100, 150, 150]<SPAN style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN><SPAN style="mso-tab-count: 1;"> </SPAN>// viewport (x, y, W, 
H)<o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="margin-left: 0.25in; mso-para-margin-left: 0gd;"><SPAN 
style="font-family: Consolas; font-size: 10pt; mso-bidi-font-family: Consolas;">);<BR><IMG 
alt="" src="IVLE%20Assessment_files/1.png"><o:p></o:p></SPAN></P>
<P class="MsoListParagraph" style="text-indent: -0.25in; margin-left: 66pt; mso-para-margin-left: 0gd; mso-list: l0 level1 lfo2;"><o:p></o:p></P></DIV>
<DIV class="row" style="padding-top: 0.8em;">
<TABLE class="table table-bordered table-condensed">
  <TBODY>
  <TR>
    <TD class="col-sm-3 text-right"><B>Your Answer :</B></TD>
    <TD 
  class="col-sm-9">100<BR>100<BR>12.5<BR>1.25<BR>10<BR>20<BR><BR><BR></TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Correct Answer :</B></TD>
    <TD 
      class="col-sm-9">1575<BR>5625<BR>25<BR>9.375<BR>37.5<BR>30<BR>20<BR>40<BR>90</TD></TR>
  <TR>
    <TD class="col-sm-3 text-right"><B>Your Marks :</B></TD>
    <TD class="col-sm-9 text-danger">0 out of 
9</TD></TR></TBODY></TABLE></DIV></DIV></DIV></DIV></DIV>
<DIV class="row">
<DIV class="col-md-12 text-right"><BUTTON class="btn btn-primary" onclick="window.close();" 
type="button"><SPAN 
class="glyphicon glyphicon-remove-circle"></SPAN>&nbsp;Close</BUTTON>         
</DIV></DIV></DIV></DIV></DIV>
<SCRIPT type="text/javascript">
//<![CDATA[

theForm.oldSubmit = theForm.submit;
theForm.submit = WebForm_SaveScrollPositionSubmit;

theForm.oldOnSubmit = theForm.onsubmit;
theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
//]]>
</SCRIPT>
 </FORM></BODY></HTML>
